import React from "react"

class Advanced0201 extends React.Component {

    state = {
        mystate: 55
    }
    /**
       * 
       * @param {*} nextProps  组件传过来的
       * @param {*} nextState 本组建内state 变化
       * 
       * 关于渲染问题
       */
    shouldComponentUpdate(nextProps, nextState) {
        if (nextProps.num === this.props.num) {
            return false;
        }
        let mystate = this.state.mystate; ++mystate;
        this.setState({
            mystate: mystate
        })
        return true;
    }

    render() {
        console.log("子组建重新渲染")
        return (
            <div>
                <p>使用-生命周期的-shouldComponentUpdat(nextProps)-用nextProps 判断是不是要渲染 </p>
                <div>子组件{this.props.num}</div>
            </div>
        )
    }
}

export default Advanced0201
